<template>
<div>
  <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
    <van-swipe-item><img src="../assets/img/2.jpg" alt=""></van-swipe-item>
    <van-swipe-item><img src="../assets/img/3.jpg" alt=""></van-swipe-item>
    <van-swipe-item><img src="../assets/img/suo.jpg" alt=""></van-swipe-item>
  </van-swipe>
</div>
</template>

<script>
import Vue from 'vue';
import { Swipe, SwipeItem } from 'vant';
Vue.use(Swipe);
Vue.use(SwipeItem);
export default {
  name: "swiper"
}
</script>

<style scoped lang="less">
.my-swipe .van-swipe-item {
  font-size: 20px;
  line-height: 150px;
  text-align: center;
  //background-color: #39a9ed;
  img{
    width: 100%;
    height: 100%;
  }
}
</style>